<script lang="ts" setup>
import KoHpaMetricResource from "@/views/domain/kubeHud/views/components/ko-configuration/ko-hpa-meterics-types/ko-hpa-metric-resource.vue";
import KoHpaMetricExternal from "@/views/domain/kubeHud/views/components/ko-configuration/ko-hpa-meterics-types/ko-hpa-metric-external.vue";
import KoHpaMetricPods from "@/views/domain/kubeHud/views/components/ko-configuration/ko-hpa-meterics-types/ko-hpa-metric-pods.vue";
import KoHpaMetricObject from "@/views/domain/kubeHud/views/components/ko-configuration/ko-hpa-meterics-types/ko-hpa-metric-object.vue";
type Prop = {
  type: string;
};

const row = defineModel<any>("row");
</script>
<template>
  <KoHpaMetricResource v-if="row.type === 'Resource'" v-model:row="row" />
  <KoHpaMetricExternal v-else-if="row.type === 'External'" v-model:row="row" />
  <KoHpaMetricPods v-else-if="row.type === 'Pods'" v-model:row="row" />
  <KoHpaMetricObject v-else-if="row.type === 'Object'" v-model:row="row" />
  <div v-else />
</template>

<style scoped></style>
